@import "reset.less";
@import "_modules.less";

body {
    &.noScroll {
        overflow: hidden;
        position: fixed;
    }
}
section {
    
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}


.superbox {
    position: fixed;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.8);
    overflow: auto;
    display: none;
    .container {
        
    }
    .close {}
}

.logo {
    .abCenter(154,45);
    top: auto;
    bottom: 0.5rem;
    margin-top: 0;
    .bg();
    background-image: url(../img/logo.png);
}



//过渡
.eg {
    .transition(all .3s ease 0s);
}
//动画
.fadeIn,.superbox {
    .animation(fadeIn 0.3s ease 0s normal);
}
.fadeOut {
    .animation(fadeOut 0.3s ease 0s normal);
}
.next,
.scroll {
    .animation(Updown 1s infinite ease-in alternate);
}
.container {
    .animation(flyIn 0.5s ease-in 0s normal);
}
.key(fadeIn, { from { opacity: 0; } to { opacity: 1; } } );
.key(fadeOut, { from { opacity: 1; } to { opacity: 0; } } );


// vue fade

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s
}
.fade-enter, .fade-leave-active {
  opacity: 0
}

